<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="../../../../css/icon.css">
    <link rel="stylesheet" type="text/css" href="../../../../css/easyui.css">
    <script type="text/javascript" src="../../../../js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../../../../js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../../../js/easyui-lang-zh_CN.js"></script>
    <style type="text/css">
        .font_stress{
            color: red;font-size: 13px;font-weight:bold;
        }
    </style>
    <script type="text/javascript">
        $(function(){
            $('#supplier').combogrid({
                panelWidth:340,
                idField:'code',
                textField:'name',
                fitColumns:true,
                nowrap:true,
                mode:'local',
                url:'datagrid_data.json',
                columns:[[
                    {field:'code',title:'Code',width:60},
                    {field:'name',title:'Name',width:100},
                    {field:'addr',title:'Address',width:120},
                    {field:'col4',title:'Col41',width:100}
                ]],
                keyHandler: {
                    up: function() {},
                    down: function() {},
                    enter: function(q) {
                    },
                    query: function (q) {
                    }
                }
            });
        });
    </script>
</head>
<body class="easyui-layout">
<div data-options="region:'center'">
    <div class="datagrid-toolbar" style="height:310px">
        <table width="100%">
            <tr>
                <td>
                    供应商：<input id="supplier" type="text"/>
                </td>
                <td>
                    SupplierName供应商名称：<input type="text" disabled/>
                </td>
                <td>
                    SupplierType供应商类型：<input type="text" disabled/>
                </td>
            </tr>
        </table>

        <br/>
        <div class="font_stress" align="right">
            O-MILES DELIVERY QUALITY 2012
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            Evaluation Value：
            <input type="text" value="30" disabled/>
            &nbsp;&nbsp;&nbsp;
            <span style="color: #000000;">日期：<input type="text" class="easyui-datebox"/></span>
        </div>
        <br/>
        <hr width="800px"/>
        <table width="100%">
            <tr>
                <td align="right" width="400px">
                    IPIC TARGET：
                </td>
                <td>
                    <input type="text" value="49">
                </td>
            </tr>
            <tr>
                <td align="right">
                    IPIC VALUE：
                </td>
                <td>
                    <input type="text" value="50">
                </td>
            </tr>
        </table>
        <br />
        <table>
            <tr>
                <td width="200px"></td>
                <td align="right">
                    Comment评论：
                </td>
                <td>
                    <textarea rows="3" cols="40"></textarea>
                </td>
            </tr>
        </table>
        <br />
        <div align="right">
            <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-save" onclick="">Save保存</a>
            <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-no" onclick="parent.operateDialog.dialog('close');">Close关闭</a>
        </div>
    </div>
</div>


</body>
</html>